.page{ 
    padding:15px
}
.fullPageEdit{
    display: flex;
    justify-content: space-around;
}

.fullPage{
    height: 100%;
    padding: 15px;
    display: flex;
    flex-direction: column;

    .pageHeader{
        background-color: #fff;
        margin-bottom: 15px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        .title{
            font-weight: bold;
            padding: 0 15px;
        }
        .acs{
            ul.lstAcs{
                display: flex;
                padding: 0 10px;
                li{
                    padding: 0 5px;
                }
            }
        }
        .filter{
            flex: 1;
            display: flex;
            justify-content: space-around;
            ul.lstFilters{
                display: flex;
                border:1px solid #0077fe;
                color: #0077fe;          
                padding: 1px ;      
                li{
                    height: 28px;
                    line-height: 28px;
                    padding: 0 5px;
                }
                li:hover{
                    cursor: pointer; 
                }
                li.active{
                    background-color: #0077fe;
                    color: #fff; 
                }
            }

            .lstItems{
                display: flex;
                align-items: center;
                .item{
                    padding: 0 5px;
                } 
            }
        }
    }

    .pageBody{
        flex: 1;
    }
}

.pan{
    background-color: #fff;
    color: #666;
    .panHeader{
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-bottom: 1px solid #f2f3f9;
        .title{
            font-weight: bold;
            padding: 0 10px;
            display: flex;
            align-items: center;
            height: 40px;
            color: #212121;
            border-bottom: 2px solid #212121;
            i{
                padding-right: 10px;
            }
        }
        .acs{
            ul.lstPanAcs{
                display: flex;
                color: #666;
                font-size: 0.9em;
                padding: 0 10px;
                li{
                    padding: 0px 3px;
                    .acBtn{
                        height: 28px;
                        line-height: 28px;
                        padding: 0 10px; 
                        border: 1px solid #eee;
                        border-radius: 4px;
                    }
                }
                li:hover{
                    cursor: pointer;
                    color: #222;
                    font-weight: bold;
                    .acBtn{
                        border: 1px solid #555;
                        background-color: #FFF;
                    }
                }
            }
        }
    }
}
.formEditPan{
    padding: 15px;
    .editRow{
        display: flex;
        align-items: center;
        padding: 5px 0;
        .lab{
            width: 120px;
            padding-right: 5px;
            text-align: right;
            font-weight: bold;
        }
        .edit{
            flex: 1;
            ::v-deep .el-input{
                width: 100%;
            }
            ::v-deep input.el-input__inner{
                border: 0;
                border-bottom: 1px solid #444;
                border-radius: 0;
                width: 100%;
            }
        }
    }
}
.formEditPan.shortLabel .editRow .lab{
    width: 70px;
}